    @charset "utf-8";
form {
    margin: 0;
    padding: 0;
}
label {
    color: #666666;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}
label input {
    font-weight: normal;
}

input {
    width:95%;
    height:19px;
    margin:10px 0 0 0;
    padding: 4px 5px 0 5px;
    float:left;
    font-family:Arial;
    font-size:10px;
    color:#4d4d4d;
    line-height:14px;
    /*		background:url(images/smallInputBg.png) no-repeat;*/
    border:0px;
}

textarea, .inputtext, .inputpassword {
    border: 1px solid #BDC7D8;
    margin: 0;
    padding: 3px;
}
textarea {
    max-width: 100%;
}
form table{
    width: 98%;
    border-bottom: #000000 solid 1px;
}
table {
    width: 98%;
    /*    background: none repeat scroll 0 0 #F4DCE6;*/
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    clear: both;
    color: #333333;
    font: 1em Arial,Sans-Serif;
    margin-bottom: 30px;
}

select {
    border: 1px solid #BDC7D8;
    padding: 0px;
    width: 95%;
}
input[type="submit"] {
    font-size: 110% !important;
}
input, textarea, select{
    border:0px;
    margin:0px;
    padding:0px;
    float:left;
    border: #ccc 1px solid;
}

.inputtext, .inputpassword {
    padding-bottom: 4px;
}
.inputtext:invalid, .inputpassword:invalid {
    box-shadow: none;
}
.ff4.mac .inputtext, .ff4.mac .inputpassword {
    padding-bottom: 3px;
}
.inputradio {
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: middle;
}
.inputcheckbox {
    border: 0 none;
    vertical-align: middle;
}
.inputbutton, .inputsubmit {
    background:#62af56;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    border-color: #2d6324;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    padding: 8px 10px;
    text-align: center;
}
.inputsubmit_disabled {
    background-color: #999999;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #666666;
    color: #FFFFFF;
}
.inputaux {
    background: none repeat scroll 0 0 #F0F0F0;
    border-color: #E7E7E7 #666666 #666666 #E7E7E7;
    color: #000000;
}
.inputaux_disabled {
    color: #999999;
}
.inputsearch {
    background: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yV/r/IJYgcESal33.png") no-repeat scroll left 4px #FFFFFF;
    padding-left: 17px;
}

html {
    height: 100%;
} 

body {
    margin:0;
    padding:0;
    background-color:#003D4C;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    height: 100%;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-size: 13px;
    margin: 0;
    padding: 5px;
    font-weight: bold;

}
h1 {
    font-size: 14px;
}
h4, h5, h6 {
    font-size: 11px;
}

h2 {
    font-size: 16px; 
    text-align: center;
}
p {
    margin: 1em 0;
}
a {
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
}
button {
    margin: 0;
}
a:hover {
    text-decoration: underline;
}

dl { width: 100%;
}
img {
    border: 0 none;
}
td, td.label {
    text-align: left;
}
dd {
    color: #000000;
    text-align: center;
}
dt {
    color: #777777;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
abbr {
    border-bottom: medium none;
}
hr {
    background: none repeat scroll 0 0 #D9D9D9;
    border-width: 0;
    color: #D9D9D9;
    height: 1px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
}
.datawrap {
    word-wrap: break-word;
}
.word_break {
    display: inline-block;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img_loading {
    position: absolute;
    top: 7px;
}
.aero {
    opacity: 0.5;
}
.column {
    float: left;
}
.center {
    margin-left: auto;
    margin-right: auto;
}

#blueBar.fixed_elem {
    left: 0;
    right: 0;
    top: 0;
}
#blueBar {
    background-color: #3B5998;
    border-bottom: 1px solid #133783;
    min-width: 981px;
    position: relative;
    z-index: 300;
}

#principal{
    width:95%; 
    margin: auto; 
/*    padding:0; 
    border:1px #ccc solid; 
    text-align:center;
    z-index: 555;*/

/*    height: auto !important;  ie6 ignores !important, so this will be overridden below */
/*    min-height: 100%;  ie6 ignores min-height completely */
    height: 100% !important;
/*    background-color: red;  just for presentational purposes */

}

#cabecalho{
    /*background-color: #ECECEC;*/
    background: url("../img/bg_cabecalho.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
    height: 123px;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
    z-index: 56;    
    margin-top: -83px;
}
#cabecalhologo{
    position: relative;
    top: 0;
    display: block;
    /*    width: 979px;*/
    float: top ;
    margin: auto;
    /*    left: 5%;*/
}
#logomarca{
    /*background: url(Siscel_logo.png) no-repeat;*/
    height: 30px;
    left: 5%;
    position: absolute;
    top: 87px;
    z-index: 57;
}

#icoNovoUser, .icoNovoUser{
    /*background: url("../img/ico_novo.gif") transparent !important;*/
    display: block;
    float: right;
    height: 10px !important;
    width: 4px;
    margin: -22px 4px 0;
    position: relative;
}

#icoNovoUser:hover, .icoNovoUser:hover{
    background: url("../img/ico_novo.gif") no-repeat transparent !important ;
}
#menu{
    width:12%; 
    background-color: #FFFFFF;
    float:left;
/*    height: 100% !important;*/
    padding: 0px 0px 0px 6px;
    border: 1px dotted black;
}
#menu2{
    width:12%; 
    background-color: #FFFFFF;
    float:left;
/*    height: 100% !important;*/
    padding: 0px 0px 0px 6px;
    border: 1px dotted black;
}

#conteudo{
    width:74%; 
    background-color: #FFFFFF;
    float:left;
    border-bottom : 1px dotted black;
    border-top : 1px dotted black;
    min-height: 85%;
}

#conteudoLogin{
    margin: 30px auto;
    width: 350px;
    padding: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ada8a4;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: white;
    -webkit-box-shadow: inset 0 1px 4px rgba(101, 75, 57, 0.3);
    -moz-box-shadow: inset 0 1px 4px rgba(101, 75, 57, 0.3);
    box-shadow: inset 0 1px 4px rgba(101, 75, 57, 0.3);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(199, 198,
        186, 0.25) ), color-stop(60.01%, rgba(255, 255, 255, 0.25) ),
        color-stop(100%, rgba(255, 255, 255, 0.25) ) );
    background-image: -webkit-linear-gradient(top, rgba(199, 198, 186, 0.25)
        0%, rgba(255, 255, 255, 0.25) 60.01%, rgba(255, 255, 255, 0.25) 100% );
    background-image: -moz-linear-gradient(top, rgba(199, 198, 186, 0.25) 0%,
        rgba(255, 255, 255, 0.25) 60.01%, rgba(255, 255, 255, 0.25) 100% );
    background-image: -o-linear-gradient(top, rgba(199, 198, 186, 0.25) 0%,
        rgba(255, 255, 255, 0.25) 60.01%, rgba(255, 255, 255, 0.25) 100% );
    background-image: linear-gradient(top, rgba(199, 198, 186, 0.25) 0%,
        rgba(255, 255, 255, 0.25) 60.01%, rgba(255, 255, 255, 0.25) 100% );
}
#tabelaPesquisa{margin: 5px; padding: 10px;}


#rodape{
    background: none repeat scroll 0 0 #AFCCE8;
    bottom: 0;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
    width: 802px;
    position:relative;
    clear: both;
    display: table;
    height: 42px;
    z-index: 80;
}
/*#erros{
        bottom: 0;
        clear: both;
        display: block;
        position: absolute;
        z-index: 10;
    padding: 10px;
    background: #fff;
    position: relative; this gives IE6 hasLayout to properly clear 
    clear: both;
}*/
#fotoUsuarioLogado{
    display: block;
    width: 130px;
    height: 170px;
    background-color: #ddd;
    margin: auto;
    
}
#clear{
    clear: both;
}
.ui-widget button {
    width: auto !important;
    float: right;
    margin-right: 5px;
}


form .input {
    color: #444444;
}
form div {
    clear: both;
    margin-bottom: 0;
    padding: 0;
    vertical-align: text-top;
}
form label {
    font-size: 9px !important;
}
#aguardarAjax, #aguardarAjaxPopup{display: none; width: 100%; height: 100%; background: url('../img/fundoBG.png'); position: fixed; top: 0; left: 0; z-index: 500;}
#aguardarAjax img, #aguardarAjaxPopup img{ position: absolute; vertical-align: middle; left: 50%; top: 30%;}
.centro{text-align: center;}
.esquerda{text-align: left;}
.direita{text-align: right;}
.box3{width: 3%; position: relative; display: inline;}
.box5{width: 5%; position: relative; display: inline;}
.box10{width: 10%; position: relative; display: inline;}
.box15{width: 15%; position: relative; display: inline;}
.box20{width: 20%; position: relative; display: inline;}
.box25{width: 25%; position: relative; display: inline;}
.box30{width: 30%; position: relative; display: inline;}
.box35{width: 35%; position: relative; display: inline;}
.box40{width: 40%; position: relative; display: inline;}
.box45{width: 45%; position: relative; display: inline;}
.box50{width: 50%; position: relative; display: inline;}
.box55{width: 55%; position: relative; display: inline;}
.box60{width: 60%; position: relative; display: inline;}
.box65{width: 65%; position: relative; display: inline;}
.box70{width: 70%; position: relative; display: inline;}
.box75{width: 75%; position: relative; display: inline;}
.box80{width: 80%; position: relative; display: inline;}
.box85{width: 85%; position: relative; display: inline;}
.box90{width: 90%; position: relative; display: inline;}
.box95{width: 95%; position: relative; display: inline;}
.box100{width: 100%; position: relative; display: inline;}